<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>demo02</title>
		<script>
			// 单行注释：快捷键ctrl + /
			function showTime() {
				var time = new Date().toLocaleTimeString()
				var p = document.getElementById('msg')
				p.innerHTML = time
			}
		</script>
		<style>
			/* CSS的注释是这样的 */
			/* 快捷键:ctrl + / */
			p {
				/* 
				 字体颜色：蓝色
				 CSS的注释可以换行
				 */
				color: blue;
				font-weight: 900;
				font-size: 26px;
			}
		</style>
	</head>
	<body>
		<!-- 这里是注释吗？ -->
		<!-- ctrl + / -->
		<!-- <h1>这里不需要了</h1> -->
		<h2>这是我的第二个web程序</h2>
		<button onclick="showTime()">点击我显示当前时间</button>
		<p id='msg'></p>
	</body>
</html>